<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>瀑布流图片（JQ版，使用left，top定位）</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div id="main">
        <div class="box">
            <div class="pic">
                <img src="../../source/image/1.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/2.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/3.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/4.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/5.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/6.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/1.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/2.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/3.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/4.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/5.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/6.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/1.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/2.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/3.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/4.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/5.jpg">
            </div>
        </div>
        <div class="box">
            <div class="pic">
                <img src="../../source/image/6.jpg">
            </div>
        </div>
    </div>
    <script src="../../source/jquery-3.2.1.min.js"></script>
    <script src="index.js"></script>
</body>

</html>
